 <%@page language="Java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
	<%@include file="includes/head.jsp" %>
	<body>
		<span id="whole-page-wrapper">
			<div id="wrapper" align="center">
			<%@include file="includes/header.jsp" %>
			<%@include file="includes/menu.jsp" %>	
					
				<div id="content">
					<div id="szukajka">
						<form onsubmit="return applyFilters();">
							<h3>Sposób filtrowania</h3>
							<fieldset id="firstFieldset">
								<select id="filtrowanieselect" name="filtrowanieselect" onchange="return ustawFiltrowanie(this)">
									<option value="pokazwszystkie">pokaż wszystkie telefony</option>
									<option value="pokazfiltry">filtruj po wartościach</option>
								</select>
								
								<br><br>
								
								<input type="submit" value="Zatwierdź filtry!" id="wszystkietelsubmit">
							</fieldset>
						
							<span id="filters" style="display: none;">
								<h3>Maksymalna cena</h3>
								<fieldset>
									<input type="text" id="cenainput" name="cenainput" onkeypress="return numbersonly(event, this);"> zł
									
								</fieldset>
								
								<h3>Minimalny rozmiar wyświetlacza</h3>
								<fieldset>
									<input type="text" id="wyswietlaczinput" name="wyswietlaczinput" onkeypress="return numbersonly(event, this);"> ''
									
								</fieldset>
								
								<h3>Minimalna pamięć RAM</h3>
								<fieldset>
									<input type="text" id="raminput" name="raminput" onkeypress="return numbersonly(event, this);"> MB
									
								</fieldset>
								
								<h3>Minimalny zegar procesora</h3>
								<fieldset>
									<input type="text" id="procesorinput" name="procesorinput" onkeypress="return numbersonly(event, this);"> GHz
									
								</fieldset>
								
								<h3>Ilość aplikacji do ściągnięcia</h3>
								<fieldset>
									<select id="aplikacjeselect" name="aplikacjeselect">
										<option value="nieistotne">--- nieistotne ---</option>
										<option value="mnogosc">mnogość aplikacji</option>
										<option value="srednio">średnio</option>
										<option value="malo">mało</option>
									</select>
								</fieldset>
								
								<h3>Inne</h3>
								<fieldset>
									<input type="checkbox" id="autofocus" name="autofocus">Autofocus</input><br>
									<input type="checkbox" id="gorillaglass" name="gorillaglass">Gorilla Glass</input>
								</fieldset>
								
								<br><br>
								
								<fieldset>
									<input type="submit" value="Zatwierdź filtry!" id="filtrysubmit">
								</fieldset>
							</span>
							
							<br>
						</form>
					</div>
					
					<div id="inner-content-wyszukiwanie">
					<c:if test="${sessionScope.user.type == 'Admin' }">
							<h3><a href="newPhone.jsp">Dodaj telefon do bazy danych</a></h3><br>
						</c:if>
						
						<c:if test="${sessionScope.phones == null }">
						Lista telefonów jest pusta 
						</c:if>
						<%! int i=0; %>
						<c:forEach var="phone" items="${sessionScope.phones}"> 
							<div class="telefon">
								<h3 class="phoneName"><a href="phone.jsp?id=<%= i %>"> ${phone.model} </a></h3>
								<span class="phonePrice"> ${phone.price} </span>
								<span class="phoneScreenSize" > ${phone.screenSize} </span>
								<span class="phoneRam" > ${phone.ram} </span>
								<span class="phoneProcClock"> ${phone.procClock} </span>
								<span class="phoneNrOfApp"> ${phone.nrOfApp} </span>
								<span class="phoneAutofocus"> ${phone.autofocus} </span>
								<span class="phoneGorillaglass"> ${phone.gorillaglass} </span>
								<% i++; %>
							</div>
						</c:forEach>
						<% i=0; %>
					</div>
				</div>
				<%@include file="includes/footer.jsp" %>
			</div>
		</span>
	</body>

</html>					